<template>
  <div class="hint">
    <div class="hint-bg">
      <EditorInput
        :value="value.html"
        :text="value.text"
        :type="type"
        :BlocksIndex="BlocksIndex"
      />
    </div>
  </div>
</template>

<script>
import EditorInput from "../EditorInput.vue";

export default {
  name: "hint",
  props: ["value", "type", "BlocksIndex"],
  components: { EditorInput },

  data() {
    return {};
  },
};
</script>

<style lang="less">
.hint {
  display: flex;
  align-items: center;
  .hint-bg {
    padding: 20px;
    background: #f2f6fc;
    width: 100%;
    border-radius: 2px;
    border-left: 3px solid #409eff;
  }
}
</style>